<template>
	<view class="name-label">
		<uv-text size="15" align="center" text="我的宠物叫做"></uv-text>
		
		<!-- <uv-row>
			<uv-col span="1" offset="1">
				<uv-icon name="arrow-left" size="30"></uv-icon>
			</uv-col>
			<uv-col span="1" offset="8">
				<uv-icon name="arrow-right" size="30"></uv-icon>
			</uv-col>
		</uv-row> -->
		
		<uv-text size="30" bold align="center" :text="props.pet.name" class="text-name"></uv-text>
		
	</view>
</template>

<script setup lang="ts">
	import { onLoad } from '@dcloudio/uni-app'
	const props = defineProps({
		pet: {
			type: Object,
			required: true
		}
	})
	onLoad(() => {
		console.log(props.pet)
		})
</script>

<style lang="scss">
	.name-label{
		border-radius: 20rpx;
		overflow: hidden;
		padding-top: 40rpx;
		left: 15rpx;
		min-height: 170rpx;
		max-height: 170rpx;
		min-width: 720rpx;
		max-width: 720rpx;
		background: #fffbff;
		position: relative;
		.text-name{
			position: relative;
			top: 20rpx;
		}
	}
</style>